<div class="detail">
	<div class="pic_wall">
		<pic_wall></pic_wall>
	</div>
	<div class="text">
		<div class="title">
			{{goods_detail.goods_name}}
		</div>
		<div class="intro">
			{{goods_detail.intro}}
		</div>
		<div class="price">
			<label style="color:black">单价：</label>
			￥<span>{{goods_detail.price}}</span>
		</div>
		<div class="num">
			库存：{{goods_detail.num}}
		</div>
		<div class="add">
			<inputnumber min=0 max="{{goods_detail.num}}" value="1" bind-input="{{'$Cache.goods_details.buy_number'}}"></inputnumber>
			{{#if goods_detail.num}}
			<button event-click="{{'$Event.goods.add_to_cart'}}">
				添加到购物车
			</button>
			{{#else}}
			<button class="disabled" disabled="disabled">
				此商品暂时缺货
			</button>
			{{/if}}
		</div>
		<div class="share">
	        <share share-init-key="{{goods_detail.goods_name}}" share-text="【{{goods_detail.goods_name}}】{{goods_detail.intro}}" share-detail="我觉得“{{goods_detail.goods_name}}”还不错，推荐大家一起用。" share-img="{{goods_detail.preview_img_url}}"></share>
	    </div>
		<div class="con">
			<a event-click="{{'$Event.goods.collect_toggle'}}" class="{{$Cache.goods_detail.is_collect&&'icon-star3'||'icon-star'}}">
				{{$Cache.goods_detail.is_collect&&'已收藏'||'点击收藏'}}
			</a>
		</div>
		<div class="qrcode">
			 <qrcode srt="{{$Cache.goods_recommender_url}}" logo="{{bus_info.info.logo_url}}"></qrcode>
		</div>
	</div>
	<div class="goodscontent">
		{{goods_detail.content}}
	</div>
</div>
<xmp type="tag" name="pic_wall">
	<div class="bigbox">
		<div class="box">
			{{#each goods_detail.detail_img_urls}}
			<img class="bigimg" bind-src="{{$This}}" />
			{{/each}}
		</div>
	</div>
	<div class="smallbox">
		{{#each goods_detail.detail_img_urls}}
		<img event-click="{{'$Top.$Event.change_big_img'}}" bind-src="{{$This}}" />
		{{/each}}
	</div>
	<script type="text/vm">
		function(vm){
			var bigbox=vm.queryElement({
				className:"box"
			})[0];
			require(['jQuery'],function(){
				var $bigbox=$(bigbox);
				vm.set("$Event.change_big_img",function(e,vi){
					$bigbox.stop().animate({
						marginLeft: -280*vi.get("$Index")
					},300);
				});
			});
		}
	</script>
</xmp>
<link rel="stylesheet" type="text/css" href="/css/catering/pc_detail.css" />